Saltar al contenido principal
Version: Current

Setting group - Video settings - Empty

The video settings are designed to control the overall look and feel of videos across your site, providing a consistent and engaging user experience. These settings can be universally applied or customized at the section or block level for more tailored presentations. Key components include options for integrating videos from YouTube or Vimeo, hosting videos directly on the platform, and selecting a poster image to display as the first frame of your video.

You can adjust the aspect ratio to fit your site's layout, with options like landscape, portrait, and square. The autoplay and mute video settings enhance user engagement by allowing videos to play automatically without sound. Additionally, the show video player controls option gives users the ability to interact with the video, providing a more dynamic experience.

For practical usage, consider embedding a YouTube video using the video service URL setting for product demonstrations. Alternatively, upload your video directly to the platform with the Shopify-hosted video setting for promotional content. Adjust the aspect ratio to suit different display needs, and enable autoplay and mute video to ensure seamless playback without audio disruptions. These settings offer a comprehensive framework for integrating video content effectively into your site.

Overview​

The video settings control the app-wide look and feel of videos across the site. These settings are generally applied universally but can be overridden at the section or block level for more customized presentations.

Key components and functionality​

Video service URL​

This setting allows you to specify the URL of a video from YouTube or Vimeo to be displayed on your site. It accepts direct URLs from these services, ensuring easy integration of external video content.

Shopify-hosted video​

This option is for videos hosted directly on the platform. It provides a seamless way to integrate video content without relying on external services. Be mindful of video size and bitrate to ensure optimal performance.

Video poster image​

The video poster image setting allows you to select an image that will be displayed as the first frame of your video. This image will fade out when the video is played, providing a smooth transition from static to dynamic content.

Aspect ratio​

This setting lets you choose the aspect ratio for your video display. Options include:

  1. Default
    • The default option is default.
  2. Landscape
  3. Portrait
  4. Square
  5. Ultrawide
  6. Widescreen

Autoplay video​

Enabling this setting will allow videos to start playing automatically when they appear on the screen. This can enhance user engagement by immediately capturing attention.

Loop video​

When this setting is enabled, the video will continuously loop, restarting automatically once it finishes.

Mute video​

This setting mutes the video by default, ensuring that audio does not play automatically, which can be beneficial for user experience and accessibility. The default is true.

Show video player controls​

This option allows you to display the video player controls, giving users the ability to play, pause, and adjust the video as needed. The default is true.

Usage examples​

  1. Embedding a YouTube video: You might consider using the video service URL setting to embed a YouTube video by simply pasting the URL. This is ideal for showcasing product demonstrations or customer testimonials.

  2. Using a Shopify-hosted video: For a more integrated approach, you might consider uploading your video directly to the platform and using the Shopify-hosted video setting. This is useful for promotional content that needs to be tightly controlled.

  3. Customizing video appearance: Adjust the aspect ratio to suit the layout of your site. For instance, you might consider using the landscape option for widescreen displays or the square option for a more compact presentation.

  4. Enhancing user experience: Enable autoplay and mute video settings to ensure videos play automatically without sound, reducing potential disruptions for users.

These settings provide a robust framework for integrating video content into your site, enhancing both the visual appeal and user engagement.